<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BFC</title>
  </head>
  <body>
    <h1>BFC</h1>
    <h1>使用场景</h1>
    <h2>3.自适应多栏布局</h2>
    <div style="border: 1px solid black; width: 200px; height: 200px">
      <div
        id="aside"
        style="
          display: float;
          float: left;
          width: 50px;
          background-color: red;
          height: 100px;
        "
      ></div>
      <div
        id="main"
        style="background-color: aqua; height: 200px; overflow: hidden"
      ></div>
    </div>
  </body>
</html>
